<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>캠핑예약화면</title>
<link href="./base.css" rel="stylesheet">
<style type="text/css">

</style>
</head>
<body>
	<div id="container">
		<div id="header">
			<div id="header_img">
				<div><img src="./camping_logo.jpg">
					<img src="./key.gif" class="fr">
				</div>
				<div id="topMenuLogo">
					<img alt="" src="./campinglogo.gif" class="fr">
				</div>
			</div>
			
			
			<div id="topMenuList">
				<div class="fl">
					<img alt="" src="./reservation_img.jpg" style="margin-bottom: 0px;">
				</div>
				<div class="fr topLeftMenu">
					<ul>
						<li><a href=""><img alt="" src="./img/menu_down_1.jpg"> </a></li>
						<li><a href=""><img alt="" src="./img/menu_down_2.jpg"></a></li>
						<li><a href=""><img alt="" src="./img/menu_down_3.jpg"></a></li>
						<li><a href=""><img alt="" src="./img/menu_down_4.jpg"></a></li>
					</ul>
				</div>
			</div>
			<div id="line">
				
			</div>
		</div>
		<div id="body">
			<p>이미지위에 마우스를 올리시면 예약 가능한 사이트가 표시됩니다.<br>
			<img alt="" src="./img/img_r_r.gif">	예약가능 
				<img alt="" src="./img/img_r_i.gif"> 예약진행중 
				<img alt="" src="./img/img_r_o.gif"> 예약완료
			</p>
			
			<table style="width: 100%">
				<tr>
					<td colspan="7" style="text-align: center;padding-left: 250px;">
						<div>
							<a href=""><img alt="" src="./img/calendar_arrow_l.jpg"  style="vertical-align:top; padding-top: 12px;padding-right: 10px;"></a>
							<strong style="font-size: 25px;font-weight: bold;font-family: Arial Black">2013년 1월 22일</strong>
							<a href=""><img alt="" src="./img/calendar_arrow_r.jpg" style="vertical-align:top; padding-top: 12px;padding-left : 10px;"></a>
							<div style="padding-left: 0px;float: right;padding-top: 19px;">
							선택구역 : <strong style="color: #ff9f52; ">B구역(파쇄석)</strong>,
							기간 : 
								<select>
									<option value="1">1박2일</option>
								</select>
							</div>
						</div>
					</td>
				</tr>
			</table>
<!-- 			<table class="" style="width: 100%;" border="1" cellspacing="0" cellpadding="3" bgcolor="#ffffff"> -->
<!-- 				<tr> -->
<!-- 					<td style="border: 1px solid #f6f4f5;"> -->
<!-- 						<table class="tbReservation" style="width: 100%;" border="0" cellspacing="0" cellpadding="0"> -->
<!-- 							<colgroup> -->
<!-- 								<col> -->
<!-- 								<col> -->
<!-- 								<col> -->
<!-- 								<col> -->
<!-- 								<col> -->
<!-- 								<col> -->
<!-- 								<col> -->
<!-- 							</colgroup> -->
<!-- 							<tr> -->
<!-- 								<th class="back_c_gray">선택구역</th> -->
<!-- 								<th class="back_c_gray">이용일자</th> -->
<!-- 								<th class="back_c_gray">기간선택</th> -->
<!-- 								<th class="back_c_gray">이용인원<br>기준4 / 최대 6</th> -->
<!-- 								<th class="back_c_gray">주중</th> -->
<!-- 								<th class="back_c_gray">금요일</th> -->
<!-- 								<th class="back_c_gray">주말(토)<br>공휴일전날</th> -->
<!-- 							</tr> -->
<!-- 							<tr> -->
<!-- 								<td class="calBlue">B구역(파쇄석)</td> -->
<!-- 								<td class="">2013년 1월 31일 [달력]</td> -->
<!-- 								<td class=""> -->
<!-- 									<select> -->
<!-- 										<option value="">1박 2일</option> -->
<!-- 									</select> -->
<!-- 								</td> -->
<!-- 								<td style="padding-left:0px;"> -->
<!-- 									<table class="tbReservation" style="width: 100%" border="0" cellspacing="0" cellpadding="0"> -->
<!-- 										<tr> -->
<!-- 											<td class="">성인</td> -->
<!-- 											<td class="">아동</td> -->
<!-- 										</tr> -->
<!-- 										<tr> -->
<!-- 											<td class=""> -->
<!-- 												<select> -->
<!-- 													<option value="">2</option> -->
<!-- 												</select> -->
<!-- 											</td> -->
<!-- 											<td class=""> -->
<!-- 												<select> -->
<!-- 													<option value="">0</option> -->
<!-- 												</select> -->
<!-- 											</td> -->
<!-- 										</tr> -->
<!-- 									</table>								 -->
<!-- 								</td> -->
<!-- 								<td class="">2013년 1월 31일 [달력]</td> -->
<!-- 								<td class="">2013년 1월 31일 [달력]</td> -->
<!-- 								<td class="">2013년 1월 31일 [달력]</td> -->
<!-- 							</tr> -->
<!-- 						</table> -->
<!-- 					</td> -->
<!-- 				</tr> -->
<!-- 			</table> -->
			
			<table style="width: 100%;margin-top: 10px;" border="1" cellspacing="6" cellpadding="1" bgcolor="#edecec">
				<tr>
					<td>
						<img alt="" src="./img/back2.gif" border="0">
					</td>
				</tr>
			</table>
			
			<table class="" style="margin-top: 10px;width: 100%;" border="1" cellspacing="0" cellpadding="3" bgcolor="#ffffff">
				<tr>
					<td style="border: 1px solid #f6f4f5;">
						<table class="tbReservation" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
							<colgroup>
								<col>
								<col>
								<col>
								<col>
								<col>
								<col>
								<col>
							</colgroup>
							<tr>
								<th class="back_c_gray">선택사이트</th>
								<th class="back_c_gray">이용일자</th>
								<th class="back_c_gray">기간선택</th>
								<th class="back_c_gray">이용인원<br>기준4 / 최대 6</th>
								<th class="back_c_gray">주중</th>
								<th class="back_c_gray">금요일</th>
								<th class="back_c_gray">주말(토)<br>공휴일전날</th>
							</tr>
							<tr>
								<td class="calBlue">사이트 B-02</td>
								<td class="">2013년 1월 31일</td>
								<td class="">
									<select>
										<option value="">1박 2일</option>
									</select>
								</td>
								<td style="padding-left:0px;">
									<table class="tbReservation" style="width: 100%" border="0" cellspacing="0" cellpadding="0">
										<tr>
											<td class="">성인</td>
											<td class="">아동</td>
										</tr>
										<tr>
											<td class="">
												<select>
													<option value="">2</option>
												</select>
											</td>
											<td class="">
												<select>
													<option value="">0</option>
												</select>
											</td>
										</tr>
									</table>								
								</td>
								<td class=""><img alt="" src="./img/charge_bisu.jpg" > 210,000</td>
								<td class=""><img alt="" src="./img/charge_bisu.jpg" > 210,000</td>
								<td class=""><img alt="" src="./img/charge_bisu.jpg" > 210,000</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
			
			<table style="width: 100%;margin-top: 10px;">
				<tr>
					<td align="center" style="text-align: center;">
						<img alt="" src="./img/btn_back.gif">
						<img alt="" src="./img/btn_reservation.gif" >
					</td>
				</tr>
			</table>
		</div>
	</div>	
</body>
</html>